﻿<!DOCTYPE html>
<html lang="en">
   <div th:include="@{common/header.html}"></div>
   <style>
  /* Make the image fully responsive */
  .carousel-inner img {
     
    width: 100%;
    height: 300px;
  }
  </style>
 <body> 
 <div class="page-content-wrapper">
 <!--幻灯片-->
 <div id="indefirst" class="carousel slide" style="margin-top: -20px" data-ride="carousel">
	
	 
	  <!-- 轮播图片 -->
	  <div class="carousel-inner"> 
	    <div th:each="product : ${productList}"	  
	       th:class="${productStat.count==1}?'carousel-item active':'carousel-item'">
	      <img th:src="@{img/bg-img/}+${product}">
	    </div> 
	  </div>
	   <!-- 指示符 -->
	  <ul class="carousel-indicators">
	    <li th:each="product : ${productList}"	data-target="#indefirst" data-slide-to="${productStat.count -1}"
	     th:class="${productStat.count==1}?'active':''" ></li> 
	  </ul>
	  <!-- 左右切换按钮 -->
	  <a class="carousel-control-prev" href="#indefirst" data-slide="prev">
	    <span class="carousel-control-prev-icon"></span>
	  </a>
	  <a class="carousel-control-next" href="#indefirst" data-slide="next">
	    <span class="carousel-control-next-icon"></span>
	  </a> 
</div>
      <!--
      <div class="product-catagories-wrapper pt-3">
        <div class="container">
          <div class="section-heading">
            <h6 class="ml-1">快捷进入</h6>
          </div>
          <div class="product-catagory-wrap">
            <div class="row"> 
            
             <div class="col-4"  th:each="quickInfo : ${quickInfoList}" >
	                <div  class="card mb-3 catagory-card"  >
	                  <div class="card-body">
		                   <a th:href="@{${quickInfo.menuURL}}">
			                  <img th:src="@{img/core-img/earrings.svg}" alt="">
			                   <span th:text="${quickInfo.menuName}"></span>
		                  </a>
	                   </div>
	                 </div>
              	</div>
              	 
              
            </div> 
          </div>
        </div>
      </div> 
               
              	
   业务介绍- 
      <div class="product-catagories-wrapper pt-3">
        <div class="container">
          <div class="section-heading">
            <h6 class="ml-1">快捷进入</h6>
          </div>
          <div class="product-catagory-wrap">
            <div class="row"> 
              <div class="col-4" th:each="proinfo : ${proInfoList}" > 
                <div class="card mb-3 catagory-card">
                  <div class="card-body">
	                  <a href="#">
		                  <img th:src="@{img/core-img/earrings.svg}" alt="">
		                  <span th:text="${proinfo}")>称重</span>
	                  </a>
                  </div>
                </div>
              </div> 
            </div> 
          </div>
        </div>
      </div>    -->  
     <!-- 公司简介
      <div class="cta-area">
        <div class="container">
          <div class="cta-text px-4 py-5" style="background-image: url(img/bg-img/6.jpg)">
            <h4 th:text="${productTitle}">公司简介</h4>
            <p>&nbsp;&nbsp; 
			<span th:text="${productDeatil}")>称重</span>
			</p>
          </div>
        </div>
      </div> -->
      
    </div>
    <!-- Footer Nav-->
    <div th:include="@{common/foot.html}"></div>
     
  </body>
</html>